Вход

Просмотр полной версии : style.float = 'left'


HelpeR
27.03.2009, 15:49
Здравствуйте всем!
Во время выполнения работы, застрял в таком месте. Требовалось сделать вот это <div style="width:250px; overflow:hidden; border:1px solid;">
<div style="width:250px; float:left;">hello-1</div>
<div style="width:250px; float:left; margin-right:-250px;">hello-2</div>
</div>
и вот
var div = document.createElement('div');
div.style.width = '250px';
div.style.overflow = 'hidden';
div.style.border = '1px solid';

var div2 = document.createElement('div');
div2.style.width = '249px';
div2.style.float = 'left';
var txt = document.createTextNode('hello-1');
div2.appendChild(txt);

div.appendChild(div2);

var div3 = document.createElement('div');
div3.style.width = '249px';
div3.style.float = 'left';
div3.style.marginRight = '-250px';
var txt = document.createTextNode('hello-2');
div3.appendChild(txt);

div.appendChild(div3);
document.body.appendChild(div);
конечно я топорным способом накидал, но факт, что не работает. Что же я делаю не так, что не могу добиться результата как в html. Мне кажется, что float = 'left' не срабатывает, вот и дивы падают вниз. Можете взлянуть тут (http://tesmy.narod.ru/test.html)

Kolyaj
27.03.2009, 16:00
В ИЕ float устанавливается свойством styleFloat, в остальных cssFloat.

HelpeR
27.03.2009, 16:11
большое спасибо, даже не знал :rolleyes: